// Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
// 
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
// 
//     http://www.apache.org/licenses/LICENSE-2.0
// 
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

@import './config.less';

.likert {
  width: 100%;
  border-collapse: collapse;
  margin: @gap 0;

  td {
    padding: 0.5rem;
    text-align: center;
    border-bottom: 0.1rem solid @color[border];

    &:focus {
      outline: none;
    }

    &:first-child {
      text-align: left;
      padding-left: 0;
      width: 40%;
    }
  }

  tr {
    &:first-child td {
      font-weight: 500;
      color: @color[text-lighter];
      border-bottom: 0.2rem solid @color[border];
    }

    &:hover {
      background-color: @color[hover];
    }
  }

  .statement {
    height: 5rem;

    .statement-text {
      cursor: pointer;
    }

    .remove-statement {
      cursor: pointer;
      display: none;
      margin-left: @gap;
    }

    &:hover .remove-statement {
      display: inline;
    }
  }

  .option {
    display: table-cell;

    .option-text {
      cursor: pointer;
    }

    .add-option,
    .remove-option {
      display: none;
    }

    &:hover {
      .add-option,
      .remove-option {
        display: inline;
      }
    }
  }

  input[type='radio'] {
    width: 1.6rem;
    height: 1.6rem;
    accent-color: @color[primary];
  }
}

.pre .likert {
  .statement .statement-text {
    cursor: default;
  }

  .option .option-text {
    cursor: default;
  }

  input[type='radio'] {
    cursor: pointer;
  }
}